<div>
  <!-- 添加商品按钮 -->
  <el-button @click="$router.push('/goods-add')" type="success" plain size="large">添加商品</el-button>
  <!-- 商品列表 -->
  <el-table ref="goodsList" :data="goodsList" style="width: 100%">
    <el-table-column type="index" width="50">
    </el-table-column>
    <el-table-column property="goods_name" label="商品名称" width="200">
    </el-table-column>
    <el-table-column property="goods_price" label="商品价值" width="200">
    </el-table-column>
    <el-table-column property="goods_number" label="商品数量" width="200">
    </el-table-column>
    <el-table-column property="add_time" label="创建时间" width="200">
      <template slot-scope="scope">
        <span>{{scope.row.add_time | date}}</span>
      </template>
    </el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button type="primary" icon="el-icon-edit" plain size="mini"></el-button>
        <el-button type="danger" icon="el-icon-delete" plain size="mini"></el-button>
      </template>
    </el-table-column>
  </el-table>
  <!-- 分页 -->
  <el-pagination background layout="prev, pager, next" :total="total" :page-size="4" @current-change="pageChange">
  </el-pagination>
</div>
